<template>
  <div class="app-container">
    <el-form ref="placeCodeForm" v-loading="formLoading" :model="com" label-position="top">
      <el-row type="flex" :gutter="20">
        <el-col :span="24">
          <el-form-item label="LOGO" prop="regcap" style="width: 400px">
            <el-image
              style="width: 60px; height: 60px"
              :preview-src-list="[com.logoUrl]"
              :src="com.logoUrl"
            ></el-image>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row type="flex" :gutter="20">
        <el-col :span="24">
          <el-form-item label="全称" prop="enterpriseName" style="width: 400px">
            <el-input v-model="com.enterpriseName" :disabled="true"  />
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="简称" prop="enterpriseName" style="width: 400px">
            <el-input v-model="com.brandName" :disabled="true"  />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row type="flex" :gutter="20">
        <el-col :span="24">
          <el-form-item label="法人" prop="legalPersonName" style="width: 400px">
            <el-input v-model="com.legalPersonName" :disabled="true"  />
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="法人手机号" prop="enterpriseContacts" style="width: 400px">
            <el-input v-model="com.enterpriseContacts" :disabled="true"  />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row type="flex" :gutter="20">
        <el-col :span="24">
          <el-form-item label="行业" prop="enterpriseTypeText" style="width: 400px">
            <el-input v-model="com.enterpriseTypeText" :disabled="true"  />
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="性质" prop="natureText" style="width: 400px">
            <el-input v-model="com.natureText" :disabled="true"  />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row type="flex" :gutter="20">
        <el-col :span="24">
          <el-form-item label="成立时间" prop="estdate" style="width: 400px">
            <el-input v-model="com.estdate" :disabled="true"  />
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="规模" prop="scaleName" style="width: 400px">
            <el-input v-model="com.scaleName" :disabled="true"  />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row type="flex" :gutter="20">
        <el-col :span="24">
          <el-form-item label="注册资本(万元)" prop="regcap" style="width: 400px">
            <el-input v-model="com.regcap" :disabled="true"  />
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="地址" prop="enterpriseAddress" style="width: 400px">
            <el-input v-model="com.enterpriseAddress" :disabled="true"  />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row type="flex" :gutter="20">
        <el-col :span="24">
          <el-form-item label="企业经营范围" prop="businessScope" >
            <el-input type="textarea" v-model="com.businessScope" :disabled="true"  :rows="3"/>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row type="flex" :gutter="20">
        <el-col :span="24">
          <el-form-item label="简介" prop="enterpriseIntroduction" >
            <el-input type="textarea" v-model="com.enterpriseIntroduction" :disabled="true"  :rows="5"/>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
import {getComDetailsApi} from "@/api/personnelCode";

export default {
  name: 'ComDetails',
  data(){
    return{
      com:{
        natureText: ''
      },
      formLoading: false,
    }
  },
  props:['id','closeDialog'],
  methods:{

    getCom()
    {
      getComDetailsApi({id: this.id}).then((res)=>{
        console.log(res)
          this.com = res;
      })
    }

  },
  mounted() {
    this.getCom();
  },
}
</script>
<style scoped>
/*
*让select撑开
*/
.el-select,.el-cascader{
  display: block;
}
</style>
